---
import BaseHead from '../components/BaseHead.astro'
import Header from '../components/Header.astro'
import Footer from '../components/Footer.astro'

export interface Props {
  title: string
  description: string
}

const { title, description } = Astro.props
---

<html lang="zh-Hans-CN">
  <head>
    <BaseHead title={title + ' 🏝️'} description={description} />
  </head>

  <body>
    <Header /><main>
      <slot />
    </main>
    <Footer />
  </body>
</html>
